<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/default_template.xhtml">
            <ui:define name="contenido">
                <h:panelGrid cellspacing="15" width="100%">
                    <h:outputText value="Desglose de Necesidades" styleClass="titulo" />
                    <p:tabView id="tabs">  
                        <p:tab id="utileria" title="Utilerias">  
                            <h:panelGrid cellspacing="5" width="100%">
                                <h:panelGrid columns="3">
                                    <h:outputText value="Articulo: " styleClass="etiqueta" />
                                    <p:inputText size="50" />
                                    <p:commandButton value="Buscar" icon="icono-buscar" />
                                </h:panelGrid>
                                <p:commandButton value="Nueva Utileria" oncomplete="registrar.show();" icon="icono-agregar" />
                                <p:dataTable id="dataTable" value="#{preLocacionesBean.locaciones}" var="utileria" paginator="true" rows="10" rowsPerPageTemplate="10,20,50" paginatorPosition="bottom" emptyMessage="No hay datos para mostrar" rowStyleClass="encima">

                                </p:dataTable>
                            </h:panelGrid>
                        </p:tab>  
                        <p:tab id="vestuario" title="Vestuarios">  
                        </p:tab>  
                        <p:tab id="servicio" title="Servicios">  
                        </p:tab>  
                    </p:tabView>  
                </h:panelGrid>
            </ui:define>
        </ui:composition>
    </body>
</html>
